<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!--<link rel="stylesheet" type="text/css" href="bootstrap.min.css"/>-->
    <!--<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_jqedbzgfklin3ik9.css"/>-->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
    	.helloworld>.col-xs-12{
    		min-height:40px;
    		line-height:40px;
    	}
    	.bluelable{
    		display: inline-block;
    		width: 5px;
    		height:20px;
    		background-color: green;
    		vertical-align: middle;
    		margin-right: 10px;
    	}
    	.hh{
    		margin-top: 20px;
    		margin-bottom: 20px;
    	}
		.tips{
			position: relative;
		}
    	[name=myradio]{
    		width: 0;
    		height: 0;
    	}
		[name=myradio]+.tips:before{
			content:'';
			background-image:url(/static/img/u164.png);
			background-size:30px 30px;
			background-repeat: no-repeat;
			position: absolute;
			width:30px;
			height:30px;
			z-index: 100;
			top: -6px;
		}
		[name=myradio]:checked+.tips:before{
			content:'';
			background-image:url(/static/img/u6917.png);
			background-size:30px 30px;
			background-repeat: no-repeat;
			position: absolute;
			width:30px;
			height:30px;
			z-index: 100;
			top: -6px;
		}
    </style>
</head>
<body>
<div>
    <div class="container-fluid" style="margin-top: 35px;">
        <div class="row">
            <div class="col-xs-6 row helloworld">
		        <div class="col-xs-12 row">
		            <div class="col-xs-3 col-xs-offset-1">会员姓名/电话/ID</div>
		            <div class="col-xs-7">
		                <input type="email" class="form-control" id="inputEmail3" placeholder="例如'商户名称'">
		            </div>
		            <button class="col-xs-1 btn btn-primary btn-sm">查询</button>
		        </div>
		        <div class="col-xs-12 row">
		            <div class="col-xs-3 col-xs-offset-1">查询结果</div>
					<div class="col-xs-8 row">
			            <div class="col-xs-5">
			                周杰伦
			            </div>
			            <div class="col-xs-5">
			                15056545445
			            </div>
			            <label class="col-xs-2" style="position: relative;">
			            	<input type="radio" name="myradio">
			            	<span class="tips"></span>
			            </label>		
			            <div class="col-xs-5">
			                周杰伦
			            </div>
			            <div class="col-xs-5">
			        15056545445
			            </div>
			            <label class="col-xs-2" style="position: relative;">
			            	<input type="radio" name="myradio">
			            	<span class="tips"></span>
			            </label>	
					</div>
		        </div>
           </div>
        	<div class="col-xs-6 row">
        		<div class="helloworld">
					<div class="col-xs-12 row" style="margin-bottom: 20px;">
						<div class="col-xs-2 col-xs-offset-1">
							【卡1】
						</div>
						<div class="col-xs-9 row">
							<div class="col-xs-6">会员卡名称:6696666</div>
							<div class="col-xs-6">余额:8595.12元</div>
							<div class="col-xs-6">会员卡号:17565665</div>
							<div class="col-xs-6">积分:586411</div>
						</div>
						<div class="col-xs-11 col-xs-offset-1 row">
							<div class="col-xs-3">
								<span>修改余额</span>
							</div>
							<div class="col-xs-2">
								<label><input type="radio" />增加</label>
							</div>
							<div class="col-xs-2">
								<label><input type="radio"/>减少</label>
							</div>
							<div class="col-xs-5">
								<input type="text" class="form-control" placeholder="请填写变动金额" />
							</div>
						</div>
						<div class="col-xs-11 col-xs-offset-1 row">
							<div class="col-xs-3">
								<span>修改余额</span>
							</div>
							<div class="col-xs-2">
								<label><input type="radio"/>增加</label>
							</div>
							<div class="col-xs-2">
								<label><input type="radio"/>减少</label>
							</div>
							<div class="col-xs-5">
								<input type="text" class="form-control" placeholder="请填写变动金额" />
							</div>
						</div>
					</div>
					
					<div class="col-xs-12 row" style="margin-bottom: 20px;">
						<div class="col-xs-2 col-xs-offset-1">
							【卡2】
						</div>
						<div class="col-xs-9 row">
							<div class="col-xs-6">会员卡名称:6696666</div>
							<div class="col-xs-6">余额:8595.12元</div>
							<div class="col-xs-6">会员卡号:17565665</div>
							<div class="col-xs-6">积分:586411</div>
						</div>
						<div class="col-xs-11 col-xs-offset-1 row">
							<div class="col-xs-3">
								<span>修改余额</span>
							</div>
							<div class="col-xs-2">
								<label><input type="radio" />增加</label>
							</div>
							<div class="col-xs-2">
								<label><input type="radio"/>减少</label>
							</div>
							<div class="col-xs-5">
								<input type="text" class="form-control" placeholder="请填写变动金额" />
							</div>
						</div>
						<div class="col-xs-11 col-xs-offset-1 row">
							<div class="col-xs-3">
								<span>修改余额</span>
							</div>
							<div class="col-xs-2">
								<label><input type="radio" />增加</label>
							</div>
							<div class="col-xs-2">
								<label><input type="radio"/>减少</label>
							</div>
							<div class="col-xs-5">
								<input type="text" class="form-control" placeholder="请填写变动金额" />
							</div>
						</div>
					</div>
        		</div>
           </div>
            <div class="col-xs-12 text-center" style="margin-top: 30px;">
                <button class="btn btn-success">提交</button>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script>
</script>
</body>
</html>